<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>

    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/layui.css" media="all">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/common.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/myMess.css">
</head>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/page.js"></script>
<body>
<div class="w-seat-wrapper">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
        <legend>购票记</legend>
    </fieldset>
    <ul class="layui-timeline">
        <c:forEach begin="0" end="0" items="${dt}" var="dt">
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title"><fmt:formatDate value="${dt.buyTime}" pattern="yyyy-MM-dd HH:mm"/></h3>
                    <div class="layui-collapse layDiv" lay-accordion="">
                        <div class="layui-colla-item">
                            <h2 class="layui-colla-title"><b>${dt.movieName}</b> | <span style="color: #ab824d">票数</span> <span style="float: right;color: #1ab394">票价：${dt.moviePrise}</span></h2>
                            <div class="layui-colla-content layui-show conDiv">
                                <div class="left_p">
                                    <p>上映时间：<fmt:formatDate value="${dt.beginDate}" pattern="yyyy-MM-dd HH:mm"/></p>
                                    <p>青鸟影院（<span style="color: #85a0f8">${dt.hallName}</span>）</p>
                                    <p>座位：<span style="color: #85a0f8">${dt.setRow}排${dt.setColumn}座</span></p>
                                    <p style="color: #cec4ba">主演：${dt.movieProtagonist}</p>
                                    <p>购票时间：<fmt:formatDate value="${dt.buyTime}" pattern="yyyy-MM-dd HH:mm"/></p>
                                </div>
                                <img src="${pageContext.request.contextPath}/${dt.movieImg}" class="right_img" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </li>
        </c:forEach>
        <c:forEach items="${dt}" var="dt" begin="1">
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title"><fmt:formatDate value="${dt.buyTime}" pattern="yyyy-MM-dd HH:mm"/></h3>
                    <div class="layui-collapse layDiv" lay-accordion="">
                        <div class="layui-colla-item">
                            <h2 class="layui-colla-title"><b>${dt.movieName}</b> | <span style="color: #ab824d">票数</span> <span style="float: right;color: #1ab394">票价:${dt.moviePrise}</span></h2>
                            <div class="layui-colla-content conDiv">
                                <div class="left_p">
                                    <p>上映时间：<fmt:formatDate value="${dt.beginDate}" pattern="yyyy-MM-dd HH:mm"/></p>
                                    <p>青鸟影院（<span style="color: #85a0f8">${dt.hallName}</span>）</p>
                                    <p>座位：<span style="color: #85a0f8">${dt.setRow}排${dt.setColumn}座</span></p>
                                    <p style="color: #cec4ba">主演：${dt.movieProtagonist}</p>
                                    <p>购票时间：<fmt:formatDate value="${dt.buyTime}" pattern="yyyy-MM-dd HH:mm"/></p>
                                </div>
                                <img src="${pageContext.request.contextPath}/${dt.movieImg}" class="right_img" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </li>
        </c:forEach>
    </ul>
</div>
<script src="${pageContext.request.contextPath}/js/layui.js" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/js/jquery-3.3.1.js"></script>
<script src="${pageContext.request.contextPath}/js/common.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery.cookie.js"></script>
</body>
</html>